@charset "UTF-8";
*{
  margin: 0px;
  padding: 0px; 
}
body 
{
background: #AFEEEE;
}
.box1{
 position: absolute;
width: 20rem;
margin-top:0%;
margin-left: 8%;
background: #F0FFF0;
border-radius: 40px;
box-shadow: 0 5px 20px #bbb;
box-sizing: border-box;
z-index: 2;
padding: 1rem;
}

.box2{text-align:center;}
ul li label {
display: inline-block;
width: 35%;}
label{cursor: default;}
.icon {
width: 1.5em;
height: 1.5em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.portrait {
margin: 0 auto;
margin-bottom: 1rem;
width: 8rem;
height: 8rem;
border-radius: 50% overflow hidden;
position: relative;}
address{margin-top:0.5cm;
}
main{position: relative;
margin-right: 5%;
margin-left: 30rem;
margin-top:2%;
background: #F0FFF0;
border-radius: 40px;
box-shadow: 0 5px 20px #bbb;
box-sizing: border-box;
padding: 1rem;
}
@media screen and (max-width:500px){
.box1{
  width: 70%;

}}
